<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>欢迎页面</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" th:href="@{/css/font.css}" />
<link rel="stylesheet" th:href="@{/css/xadmin.css}" />
<script th:src="@{/js/echarts.min.js}"></script>
</head>
<body>
	<div class="x-body layui-anim layui-anim-up">
		<blockquote class="layui-elem-quote">
			欢迎管理员： <span class="x-red" th:text="${session.auser.name}"></span>！当前时间：<span
				th:text="${currentDateTime}"></span>
		</blockquote>
		<fieldset class="layui-elem-field">
			<legend>数据统计</legend>
			<div class="layui-field-box">
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-body">
							<div class="layui-carousel x-admin-carousel x-admin-backlog"
								lay-anim="" lay-indicator="inside" lay-arrow="none"
								style="width: 100%; height: 100px;">
								<div carousel-item="">
									<ul class="layui-row layui-col-space10 layui-this">
										<li class="layui-col-xs2"><a href="javascript:;"
											class="x-admin-backlog-body">
												<h3>平台总入金(元)</h3>
												<p>
													<cite th:text="${allOrderSum}"></cite>
												</p>
										</a></li>
										<li class="layui-col-xs2"><a href="javascript:;"
											class="x-admin-backlog-body">
												<h3>今日平台总入金(元)</h3>
												<p>
													<cite th:text="${todayOrderSum}"></cite>
												</p>
										</a></li>
										<li class="layui-col-xs2"><a href="javascript:;"
											class="x-admin-backlog-body">
												<h3>今日微信总入金(元)</h3>
												<p>
													<cite th:text="${todayOrderSumWx}"></cite>
												</p>
										</a></li>
										<li class="layui-col-xs2"><a href="javascript:;"
											class="x-admin-backlog-body">
												<h3>今日支付宝总入金(元)</h3>
												<p>
													<cite th:text="${todayOrderSumAli}"></cite>
												</p>
										</a></li>
										<li class="layui-col-xs2"><a href="javascript:;"
											class="x-admin-backlog-body">
												<h3>所有账号(个)</h3>
												<p>
													<cite th:text="${allAccountCount}"></cite>
												</p>
										</a></li>
										<li class="layui-col-xs2"><a href="javascript:;"
											class="x-admin-backlog-body">
												<h3>可用账号(个)</h3>
												<p>
													<cite th:text="${workAccountCount}"></cite>
												</p>
										</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</fieldset>
		<fieldset class="layui-elem-field">
			<legend>系统信息</legend>
			<div class="layui-field-box">
				<div id="main" style="width:100%;height:400px;"></div>
			</div>
		</fieldset>
		<fieldset class="layui-elem-field">
			<legend>开发者</legend>
			<div class="layui-field-box">
				<table class="layui-table">
					<tbody>
						<tr>
						</tr>

						<tr>
							<th colspan="2"><span style="color: red">申明：源码只供学习研究，如果用于非法和商业活动和开发者无关！！！</span></th>
						</tr>
					</tbody>
				</table>
			</div>
		</fieldset>
	</div>
</body>
<script>
	/*<![CDATA[*/
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById('main'));

	var dayStr = '[[${dateStr}]]';

	var dayArr = dayStr.split(',');


	// 指定图表的配置项和数据
	var option = {
		title: {
			text: ''
		},
		tooltip: {},
		legend: {
			data:['订单总金额']
		},

		xAxis: {
			data: dayArr
		},

		yAxis: [
			{
				type: 'value'
			}
		],
		series: [{
			name: '支付宝',
			type: 'bar',
			data: [ [[${alipayStr}]] ]
		},
		{
			name: '微信',
			type: 'bar',
			data: [ [[${wxStr}]] ]
		}
		]
	};

	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	/*]]>*/
</script>
</html>